@charset "utf-8";

/* 首页标题——1 */
.home_title{ width: 100%; text-align: center;font-size: 24px;float: left;}
.home_title .box{ padding-bottom: 18px;display: inline-block; color: #666; background: url( "../images/home_title_line_1.jpg") center bottom no-repeat;}
.home_title .desc{display: inline-block; color: #666; font-size: 14px; line-height: 60px;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.home_title{ width: 100%; text-align: center;font-size: 20px;float: left;}
.home_title .box{ padding-bottom: 6px;display: inline-block; color: #666; background: url( "../images/home_title_line_1.jpg") center bottom no-repeat;}
.home_title .desc{display: inline-block; color: #666; font-size: 14px; line-height: 60px;}
}

/* 首页标题——2 */
.home_title_2{ width: 100%; text-align: center;font-size: 24px;float: left;}
.home_title_2 .box{ padding-bottom: 18px;display: inline-block; color: #fff;background: url( "../images/home_title_line_2.jpg") center bottom no-repeat;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.home_title_2{ width: 100%; text-align: center;font-size: 20px;float: left;}
.home_title_2 .box{ padding-bottom: 6px;display: inline-block; color: #fff; background: url( "../images/home_title_line_2.jpg") center bottom no-repeat;}
.home_title_2 .desc{display: inline-block; color: #fff; font-size: 14px; line-height: 60px;}
}

/* 首页更多——1 */
.home_more{ width: 100%; text-align: center;float: left;}
.home_more .box{ display: inline-block; background: #fff;}
.home_more .box a{ padding: 0 40px; line-height: 40px; font-size: 12px; color: #1264b1;float: left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.home_more{ width: 100%; text-align: center;float: left;}
.home_more .box{ display: inline-block; background: #fff;border-radius: 5px;}
.home_more .box a{ padding: 0 30px; line-height: 30px; font-size: 12px; color: #1264b1;float: left;}
}
/* 首页更多——2 */
.home_more_2{ width: 100%; text-align: center; padding-top: 30px;float: left;}
.home_more_2 .box_2{ display: inline-block; background: #1f87e8;}
.home_more_2 .box_2 a{ padding: 0 40px; line-height: 40px; font-size: 12px; color: #fff; float: left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.home_more_2{ width: 100%; text-align: center; padding-top: 0px;float: left;}
.home_more_2 .box_2{ display: inline-block; background: #1f87e8;border-radius: 5px;}
.home_more_2 .box_2 a{ padding: 0 30px; line-height: 30px; font-size: 12px; color: #fff;float: left;}
}


/* 业务范围 */
.business{position: relative; padding-top: 40px;padding-bottom: 80px;}
.business ul{ width: 96%; padding: 0 2%; margin-top: 20px; position: relative;float: left;}
.business ul li{ width: 47%; margin: 24px 1.5% 0px 1.5%;position: relative; float: left;}
.business ul li .pic{ width: 100%; height: 277px; overflow: hidden; text-align: center;float: left;}
.business ul li .pic img{width: 100%;transition: all 0.6s;}
.business ul li .pic img:hover{width: 100%; transform: scale(1.1);}
.business ul li .title{ width: 100%; font-size: 20px;z-index: 1;position: absolute;left: 0;top:225px;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.business{position: relative; padding-top: 20px;padding-bottom: 20px;}
.business ul{ width: 90%; padding: 0 5%; margin-top: 24px; position: relative;float: left;}
.business ul li{ width: 100%; margin: 0px 0% 0px 0%;position: relative; float: left;}
.business ul li .pic{ width: 100%; height:auto; overflow: hidden; text-align: center;float: left;}
.business ul li .pic img{width: 100%;transition: all 0.6s;}
.business ul li .pic img:hover{width: 100%; transform: scale(1.1);}
.business ul li .title{ width: 90%;font-size: 14px;z-index: 1;position: absolute;left:10%;bottom:10%; top:auto;}
}

/* 公司简介 */
.index_about{ background:url( "../images/index_about_bg.jpg") center top no-repeat;padding-top: 281px; padding-bottom: 150px;float: left;}
.index_about .company{width:1072px; padding: 0 80px;background:url("../images/index_about_bg2.jpg")  center top no-repeat; padding-top: 60px; padding-bottom: 60px; margin: 0 auto;box-shadow:0px 6px 18px rgba(0,0,0,0.5); }
.index_about .company .content{width: 100%; color: #fff;padding-top: 66px; padding-bottom:66px; font-size: 16px; line-height: 32px; float: left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.index_about{ background:url( "../images/index_about_bg.jpg") center top no-repeat;padding-top: 0px; padding-bottom: 0px;float: left;}
.index_about .company{width:calc(100% - 60px); padding: 0 30px;background:url("../images/index_about_bg2.jpg")  center top no-repeat; padding-top: 30px; padding-bottom: 20px; margin: 0 auto;box-shadow:0px 6px 18px rgba(0,0,0,0.2); }
.index_about .company .content{width: 100%; color: #fff;padding-top: 20px; padding-bottom:20px; font-size: 13px; line-height: 24px; float: left;}
}


/* 产品视频 */
.index_video{}
.index_video .box{ width:100%;display: block; padding-top: 30px;overflow:hidden;float:left;}


.index_video .box .list{width:calc((100%)/3 - 1px);display:inline;position:relative;overflow:hidden;float:left;}
.index_video .box .list .v_a{ width:92%;height: 223px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; background: #000; margin: 0 auto;}
.index_video .box .list .v_a img{width:auto; max-width: 100%; height: auto; max-height:223px; cursor: pointer;}
.index_video .box .list .v_a .player{position: absolute;left: 165px;top: 80px;width: 67px;height: 67px;background:url(../images/player.png) center center no-repeat;z-index: 1;}
.index_video .box .list .v_a .player img{ width:67px; height:67px;}
.index_video .box .list .v_b{ width:92%; padding-top:10px; height:30px; line-height:30px; overflow:hidden;font-size:14px; text-align:center;margin: 0 auto;}
.index_video .box .list .v_b a{ color: #666}
.index_video .box_m{ display: none;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.index_video{} 
.index_video .box{ display:none;}  
.index_video .box_m{ width:96%; padding: 0 2%; display: block;margin-top:20px; float:left;}
.index_video .box_m .list{width:50%;display:inline;position:relative;overflow:hidden;float:left;}
.index_video .box_m .list .v_a{ width:92%;position:relative; height:93px;background: #000;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;  margin: 0 auto;}
.index_video .box_m .list .v_a img{width:auto; max-width: 100%; height: auto; max-height:93px;cursor: pointer;}
.index_video .box_m .list .v_a .player{position: absolute;left:40%;top:34.5%;width:30px;height: 30px;background:url(../images/player.png) center center no-repeat;background-size: contain;z-index: 1;}
.index_video .box_m .list .v_a .player img{ width:100%; height:100%;}
.index_video .box_m .list .v_b{ width:92%; padding-top:0px; height:40px; line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px; text-align:center;margin: 0 auto;}
.index_video .box_m .list .v_b a{ color: #666}
    
}


/*首页-中间位置广告图*/
.middle{ padding: 80px 0}
.middle img{width: 100%}
@media screen and (max-width: 1024px) and (min-width: 0px){
.middle{display: none}
}

/*行业咨询*/
.index_news{ padding-bottom: 60px}
.index_news .i_n_box{width:100%; padding-top: 60px;float: left}
.index_news .i_n_box .list{width:47%; margin:0 1.5% 60px 1.5%;float: left}
.index_news .i_n_box .list .pic{width:40%;height: 150px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;float: left}
.index_news .i_n_box .list .pic img{width:auto; max-width: 100%; height: auto; max-height:150px; border-radius: 5px;}
.index_news .i_n_box .list .info{width:56%;float: right}
.index_news .i_n_box .list .info .title{width:100%; font-size: 16px; line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:  left}
.index_news .i_n_box .list .info .desc{width:100%; height: 60px; overflow: hidden;color: #666;float:  left}
.index_news .i_n_box .list .info .date{width:100%;color: #666; line-height: 40px;float:  left}
@media screen and (max-width: 1024px) and (min-width: 0px){
.index_news{ padding: 30px 0}
.index_news .i_n_box{width:90%; margin-left: 5%; padding-top: 30px;float: left}
.index_news .i_n_box .list{width:100%; margin:0 0% 20px 0%;float: left}
.index_news .i_n_box .list .pic{width:35%;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; height:80px; float: left}
.index_news .i_n_box .list .pic img{width:auto; max-width: 100%; height: auto; max-height:80px; border-radius: 5px;}
.index_news .i_n_box .list .info{width:60%;float: right}
.index_news .i_n_box .list .info .title{width:100%; font-size: 14px; line-height: 24px; font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:  left}
.index_news .i_n_box .list .info .desc{width:100%; height: 36px; line-height: 18px;overflow: hidden;color: #666;font-size: 12px;float:  left}
.index_news .i_n_box .list .info .date{width:100%;color: #666; line-height: 24px; font-size: 10px;float:  left}
}

/*合作伙伴*/
.cooperative{ background: #f7f7f7;padding-top: 80px; padding-bottom: 70px;}
.cooperative .i_c_box{width:100%; padding-top: 40px;float: left}
.cooperative .i_c_box #demo {overflow:hidden; width: 100%; } 
.cooperative .i_c_box #demo img { width: 200px; height: 100px; margin: 0 25px;} 
.cooperative .i_c_box #indemo { float: left; width: 800%; } 
.cooperative .i_c_box #demo1 {float: left; } 
.cooperative .i_c_box #demo2 { float: left; } 
@media screen and (max-width: 1024px) and (min-width: 0px){
.cooperative{ background: #f7f7f7;padding-top:30px; padding-bottom: 30px;}
.cooperative .i_c_box{width:90%; margin-left: 5%; padding-top: 20px;float: left}
.cooperative .i_c_box #demo {overflow:hidden; width: 100%; } 
.cooperative .i_c_box #demo img { width: 100px; height: 50px; margin: 0 8px;} 
.cooperative .i_c_box #indemo { float: left; width: 800%; } 
.cooperative .i_c_box #demo1 {float: left; } 
.cooperative .i_c_box #demo2 { float: left; } 
}



/*首页-版权信息*/
.copyright{ background:#202020; color:#FFF; padding:90px 0 60px 0;}
.copyright_box{ width: 1000px; margin:0 auto;}
.copyright .link{ width:300px; float:right;}
.copyright .link .title{ width:100%; float:left;}
.copyright .link .title .t{ width:100px; font-size:16px;border-bottom:3px #ff9102 solid; float:left;}
.copyright .link .content{ width:100%; margin-top:30px;float:left;}
.copyright .link .content ul{ width:100%; float:left;}
.copyright .link .content ul li{ width:120px; line-height:30px; float:left;}
.copyright .link .content ul li a{color:#FFF}
.copyright .link .content ul li a:hover{ color:#ff9102}
.copyright .contact{ width:440px; float:left;}
.copyright .contact .title{ width:100%; float:left;}
.copyright .contact .title .t{ width:100px; font-size:16px;border-bottom:3px #ff9102 solid;float:left;}
.copyright .contact .content1{ width:100%; margin-top:30px; font-size:22px; color:#ff9102;float:left;}
.copyright .contact .content2{ width:100%; margin-top:5px;float:left;}
.copyright .contact .content2 .co1{ width:100%;float:left;}
.copyright .contact .content2 .co2{ width:100%;margin-top:10px;float:left;}
.copyright .contact .content2 a{color:#FFF}
.copyright .QRcode{ width:auto;margin-right:120px; padding-top:70px; float:left;}
.copyright2{ background:#1c1c1c; color:#666; padding:20px 0 15px 0; text-align:center;}
.copyright2 a{ color:#666; }
@media screen and (max-width: 1024px) and (min-width: 0px){
.copyright{ background:#202020; color:#FFF; padding:30px 0 0px 0;}
.copyright_box{ width:90%; margin-left: 5%; margin:0 auto;}
.copyright .link{display: none;}
.copyright .contact{ width:100%; float:left;}
.copyright .contact .title{display: none;}
.copyright .contact .content1{ width:100%; margin-top:0px; font-size:20px; color:#ff9102;float:left;}
.copyright .contact .content2{ width:100%; margin-top:5px; line-height: 26px;float:left;}
.copyright .QRcode{display: none;}
.copyright2{ background:#1c1c1c; color:#666; padding:10px 0 70px 0; text-align:center;}
.copyright2 a{ color:#666; }
}

.banner_ny{ width: 100%; text-align: center;}
.banner_ny img{width: 100%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.banner_ny{ width: 100%; text-align: center; padding-top: 60px;}
.banner_ny img{ display: none}
}

/*左边分类*/
.classify{ width: 200px;float: left;}
.classify .name{ width:100%; padding: 15px 0;font-size: 20px;font-weight: bold;color:#1f87e8;border-bottom: 2px #a9a9a9 solid;float: left;}
.classify .box{ width:100%;float: left;}
.classify .box ul{ width:100%; padding-top: 30px;float: left;}
.classify .box ul li{ width:100%;font-size: 16px; padding: 10px 0;float: left;}
.classify .box ul li a{ color:#1f87e8;}
.classify .box ul li a:hover{ color:#333;}
.classify .box ul ol{ width:100%;font-size: 16px; font-weight: bold; padding: 10px 0;float: left;}
.classify .box ul ol a{ color:#333;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.classify{display: none;}
}



/*智能贴标机*/
.zntbj{ padding: 40px 0 80px 0}
.zntbj .content{ width:calc(100% - 260px);float:right;}
.zntbj .content .name{ width:100%;border-bottom: 2px #a9a9a9 solid;padding: 15px 0;float:left;}
.zntbj .content .name .title{ width:50%;font-size: 20px;float:left;}
.zntbj .content .name .crumbs{ width:50%; text-align: right; color: #999;float:right;}
.zntbj .content .name .crumbs a{ color: #999}
.zntbj .content .name .crumbs a:hover{ color: #1f87e8}
@media screen and (max-width: 1024px) and (min-width: 0px){
.zntbj{ padding: 0px 0 0px 0}
.zntbj .content{ width:100%;float:right;}
.zntbj .content .name{width:90%; padding: 10px 5% 5px 5%;background: #f3f3f3;border-bottom: 0px #efefef solid;float:left;}
.zntbj .content .name .title{ width:100%;font-size:16px; font-weight: bold;float:left;}
.zntbj .content .name .crumbs{ width:100%; text-align:left; font-size: 12px; color: #999;float:left;}
.zntbj .content .name .crumbs a{ color: #999}
.zntbj .content .name .crumbs a:hover{ color: #1f87e8}
}
.zntbj .content .box{ width:100%; padding-top: 40px;float:left;}
.zntbj .content .box ul{ width:100%;float:left;}
.zntbj .content .box ul li{ width:calc((94% - 66px)/3); margin: 0 1% 20px 1%;padding: 10px;border:1px #efefef solid;text-align: center;float:left;}
.zntbj .content .box ul li .pic{ width:100%;height:282px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; background:#f9f9f9;float:left;}
.zntbj .content .box ul li .pic img{max-width: 100%;width: auto;max-height:282px; height: auto;}

.zntbj .content .box ul li .title{ width:100%; line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left;}
.zntbj .content .box ul li .fenlei{ width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #999; background: #efefef; float:left;}
.zntbj .content .box ul li .fenlei a{color: #888;}


@media screen and (max-width: 1024px) and (min-width: 0px){
.zntbj .content .box{ width:96%; margin: 0 2%; display: block; padding-top: 15px;float:left;}
.zntbj .content .box ul{ width:100%;float:left;}
.zntbj .content .box ul li{ width:calc((90% - 12px)/2); margin: 0 1.5% 12px 1.5%;padding: 5px;border:1px #efefef solid;text-align: center;float:left;}
.zntbj .content .box ul li .pic{ width:100%;height:156px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; background:#f9f9f9;float:left;}
.zntbj .content .box ul li .pic img{max-width: 100%;width: auto;max-height:156px; height: auto;}

.zntbj .content .box ul li .title{ width:100%; line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left;}
.zntbj .content .box ul li .fenlei{ width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #999; background: #efefef; float:left;}
.zntbj .content .box ul li .fenlei a{color: #888;}
}


/*智能贴标机-内容页*/
.zntbj .content .pro_page{ width:100%; padding-top: 15px;float:left;}
.zntbj .content .pro_page .title{ width:100%; text-align: center; font-size: 22px; padding: 30px 0;float:left;}
.zntbj .content .pro_page .pic{ width:72%; padding: 0 14%; text-align: center;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.zntbj .content .pro_page{ width:100%; padding-top: 15px;float:left;}
.zntbj .content .pro_page .title{ width:90%; text-align: center; font-size: 18px; padding: 0px 5% 5px 5%;float:left;}
.zntbj .content .pro_page .pic{ width:90%; padding: 0 5%; text-align: center;float:left;}
}
.zntbj .content .pro_page .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.zntbj .content .pro_page .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }





.zntbj .content .pro_page .pic img{ max-width:100%;width:auto; height:auto; max-height: 700px;}
.zntbj .content .pro_page .explain{ width:80%; margin:0px 10% 30px 10%;float:left;}
.zntbj .content .pro_page .explain img{max-width:100%; width:auto; }
.zntbj .content .pro_page .explain video{max-width:100%; width:auto; padding-bottom:30px; }
@media screen and (max-width: 1024px) and (min-width: 0px){
.zntbj .content .pro_page .explain{ width:90%; margin:5px 5% 10px 5%;float:left;}
.zntbj .content .pro_page .explain img{max-width:100%; width: auto; }
.zntbj .content .pro_page .explain video{max-width:100%; width:auto; }
.zntbj .content .pro_page .explain table{width:100%; }
}

/*高赋码标签*/
.zntbj .content .pro_page .pic2{ width:80%; margin:30px 10%;text-align: center;float:left;}
.zntbj .content .pro_page .pic2 img{width:auto;max-width:100%;}


/*产品内页视频地址*/
.zntbj .content .pro_page .p_video{ width:80%; margin:30px 10%;text-align: center;float:left;}
.zntbj .content .pro_page .p_video video{width:auto;max-width:100%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.zntbj .content .pro_page .p_video{ width:90%; margin:15px 5% 0px 5%;text-align: center;float:left;}
.zntbj .content .pro_page .p_video video{width:auto;max-width:100%;}
}


/*彩色标签打印机*/
.csbqdyj{ padding: 40px 0 80px 0}
.csbqdyj .name{width:calc(100% - 23px); padding-left: 23px;float:left;}
.csbqdyj .name .title{width:100%; font-size: 40px; line-height: 80px;float:left;}
.csbqdyj .name .desc{width:100%;font-size: 16px;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.csbqdyj{ padding: 10px 0 30px 0}
.csbqdyj .name{width:90%; padding-left:5%;padding-right:5%; padding-top: 10px;padding-bottom: 10px; background: #f3f3f3;float:left;}
.csbqdyj .name .title{width:100%; font-size: 18px; line-height: 30px;font-weight: bold;float:left;}
.csbqdyj .name .desc{width:100%;font-size: 12px; line-height: 20px; padding-top: 5px;float:left;}
}

.csbqdyj .box{ width:100%; padding-top: 40px;float:left;}
.csbqdyj .box ul{ width:100%;float:left;}
.csbqdyj .box ul li{ width:calc((94% - 66px)/3); margin: 0 1% 20px 1%;padding:10px;float:left;}
.csbqdyj .box ul li .title{width:90%;padding:12px 5%; line-height: 34px;background-color: #712177; font-size: 22px;float:left;}
.csbqdyj .box ul li .title a{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;float:left;}
.csbqdyj .box ul li .title a:hover{color:#FFE500;}
.csbqdyj .box ul li .pic{width:100%;height:253px;overflow: hidden;text-align: center;float:left;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; }
.csbqdyj .box ul li .pic img{width:auto; max-width: 100%; height: auto; max-height:253px;}
.csbqdyj .box ul li .info{width:84%; padding:15px 8%; height: 146px; font-size: 14px; overflow: hidden;color: #666; background: #f7f4f8;float:left;}

@media screen and (max-width: 1024px) and (min-width: 0px){
.csbqdyj .box{width:100%; padding-top: 15px;float:left;}
.csbqdyj .box ul{ width:94%; padding: 0 3%;float:left;}
.csbqdyj .box ul li{ width:calc((96%)/2); margin: 0 1% 20px 1%;padding:0px;float:left;}
.csbqdyj .box ul li .title{width:90%;padding:5px 5%; line-height: 34px;background-color: #712177; font-size: 14px;float:left;}
.csbqdyj .box ul li .title a{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;float:left;}
.csbqdyj .box ul li .title a:hover{color:#FFE500;}
.csbqdyj .box ul li .pic{width:100%;height:118px; background: rgba(255,0,4,1.00); overflow: hidden;text-align: center;float:left;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; }
.csbqdyj .box ul li .pic img{width:auto; max-width: 100%; height: auto; max-height:253px;}
.csbqdyj .box ul li .info{width:84%; padding:5px 8%; height: 104px; font-size: 12px; line-height: 20px; overflow: hidden;color: #666; background: #f7f4f8;float:left;}
}

/*彩色标签打印机-内容页*/
.csbqdyj .content{ width:100%; padding-top: 15px;float:left;}
.csbqdyj .content .title{width:80%; margin:0 10% 30px 10%; text-align: center; font-size: 24px; border-radius: 10px; font-weight: bold; padding: 25px 0; background: #71207b; color: #fff;float:left;}
.csbqdyj .content .pic{width:72%; padding: 0 14%;text-align: center;float:left;}

.csbqdyj .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.csbqdyj .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.csbqdyj .content .pic img{ width:100%;border-radius: 10px;}
.csbqdyj .content .p_video{ width:100%; margin:20px 0% 0px 0%;text-align: center;float:left;}
.csbqdyj .content .p_video video{width:auto;max-width:100%;}
.csbqdyj .content .explain{ width:80%; margin:30px 10%;float:left;}
.csbqdyj .content .explain img{ max-width:100%; width: auto}
@media screen and (max-width: 1024px) and (min-width: 0px){
.csbqdyj .content{ width:90%; margin-left: 5%; padding-top: 5px;float:left;}
.csbqdyj .content .title{width:100%; margin:0 0% 0px 0%; text-align: center; font-size: 16px; border-radius: 10px; font-weight: bold; padding: 5px 0; background: #71207b; color: #fff;float:left;}
.csbqdyj .content .pic{width:100%; padding: 0 0%;text-align: center;float:left;}

.csbqdyj .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.csbqdyj .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.csbqdyj .content .pic img{ width:100%;border-radius: 10px;}
.csbqdyj .content .p_video{ width:100%; margin:15px 0% 0px 0%;text-align: center;float:left;}
.csbqdyj .content .p_video video{width:auto;max-width:100%;}
.csbqdyj .content .explain{ width:100%; margin:15px 0%;float:left;} 
.csbqdyj .content .explain img{ max-width:100%; width: auto}
.csbqdyj .content .explain table{ max-width:100%; width: auto}
}



/*工业扫描器*/
.gysrq{ padding: 40px 0 80px 0}
.gysrq .name{width:100%;float:left;}
.gysrq .name .title{width:100%; font-size: 40px; line-height: 80px;float:left;}

.gysrq .name .title .zzxx{width:auto; margin-left: 20px; margin-top: 20px; padding: 0 40px; line-height: 60px;margin-right: 60px; font-size: 22px; background: #f9f9f9; border: 1px #ccc solid; border-radius: 100px;float:left;}
.gysrq .name .title .zzxx1{width:auto; margin-left: 20px; margin-top: 20px; padding: 0 40px; line-height: 60px;margin-right: 60px; font-size: 22px; background: #f9f9f9; border: 1px #5874d8 solid; border-radius: 100px;float:left;}
.gysrq .name .title .zzxx1 a{ color: #5874d8}
@media screen and (max-width: 1024px) and (min-width: 0px){
.gysrq .name .title .zzxx{width:auto; margin-left: 5px; margin-top: 10px; padding: 0 15px; line-height: 30px;margin-right: 5px; font-size: 16px; background: #f9f9f9; border: 1px #ccc solid; border-radius: 100px;float:left;}
.gysrq .name .title .zzxx1{width:auto; margin-left: 5px; margin-top: 10px; padding: 0 15px; line-height: 30px;margin-right: 5px; font-size: 16px; background: #f9f9f9; border: 1px #5874d8 solid; border-radius: 100px;float:left;}
.gysrq .name .title .zzxx1 a{ color: #5874d8}
}


.gysrq .name .desc{width:100%;font-size: 16px;float:left;}

.gysrq .box{width:100%; padding-top: 40px;float:left;}
.gysrq .box ul{width:100%;float:left;}
.gysrq .box ul li{width:calc((100%)/5); padding-bottom: 30px;float:left;}
.gysrq .box ul li .c_b{width:90%;margin: 0 auto;}
.gysrq .box ul li .c_b a{width:100%; background: #f1f2f8;float:left;}
.gysrq .box ul li .c_b a .pic{width:100%;height:221px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.gysrq .box ul li .c_b a .pic img{width:auto; max-width: 100%; height: auto; max-height:221px;}


.gysrq .box ul li .c_b a .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.gysrq .box ul li .c_b a .info{width:84%; height: 110px; overflow: hidden;padding:0px 8% 15px 8%;float:left;}

.gysrq .box ul li .c_b a:hover{width:100%; background: #182f65; color: #fff;float:left;transition: all .5s ease 0s;}
.gysrq .box ul li .c_b a:hover .pic{width:100%;height:221px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.gysrq .box ul li .c_b a:hover .pic img{width:auto; max-width: 100%; height: auto; max-height:221px;}
.gysrq .box ul li .c_b a:hover .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.gysrq .box ul li .c_b a:hover .info{width:84%;height: 110px; overflow: hidden; padding:0px 8% 15px 8%;float:left;}

.gysrq .more{width:100%; padding-top: 40px; text-align: center;float:left;}
.gysrq .more .j_m{display: inline-block;}
.gysrq .more .j_m a{width:100%; padding: 3px 30px;text-align: center; border: 1px #666 solid; border-radius: 50px;float:left;}
.gysrq .more .j_m a:hover{border-radius: 50px;color: #fff;background-color: #0070be;;transition: all .5s ease 0s;float:left;}


@media screen and (max-width: 1024px) and (min-width: 0px){
.gysrq{ padding: 10px 0 30px 0}
.gysrq .name{width:90%; padding-left:5%;padding-right:5%; padding-top: 10px;padding-bottom: 10px; background: #f3f3f3;float:left;}
.gysrq .name .title{width:100%; font-size: 18px; line-height: 30px;font-weight: bold;float:left;}
.gysrq .name .desc{width:100%;font-size: 12px; line-height: 20px; padding-top: 5px;float:left;}
  
.gysrq .box{width:100%; padding-top: 20px;float:left;}
.gysrq .box ul{width:100%;float:left;}
.gysrq .box ul li{width:calc((100%)/2); padding-bottom: 15px;float:left;}
.gysrq .box ul li .c_b{width:90%;margin: 0 auto;}
.gysrq .box ul li .c_b a{width:100%; background: #f1f2f8;float:left;}
.gysrq .box ul li .c_b a .pic{width:100%;height:169px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.gysrq .box ul li .c_b a .pic img{width:auto; max-width: 100%; height: auto; max-height:169px;}
.gysrq .box ul li .c_b a .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.gysrq .box ul li .c_b a .info{width:84%; height: 110px; overflow: hidden;padding:0px 8% 15px 8%;float:left;}

.gysrq .box ul li .c_b a:hover{width:100%; background: #182f65; color: #fff;float:left;transition: all .5s ease 0s;}
.gysrq .box ul li .c_b a:hover .pic{width:100%;height:169px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.gysrq .box ul li .c_b a:hover .pic img{width:auto; max-width: 100%; height: auto; max-height:169px;}
.gysrq .box ul li .c_b a:hover .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.gysrq .box ul li .c_b a:hover .info{width:84%;height: 110px; overflow: hidden; padding:0px 8% 15px 8%;float:left;}
    
.gysrq .more{width:100%; padding-top: 10px; text-align: center;float:left;}
.gysrq .more .j_m{display: inline-block;}
.gysrq .more .j_m a{width:100%; padding: 3px 30px;text-align: center; border: 1px #666 solid; border-radius: 50px;float:left;}
.gysrq .more .j_m a:hover{border-radius: 50px;color: #fff;background-color: #0070be;;transition: all .5s ease 0s;float:left;}
}

/*工业读码器-内容页*/
.gysrq .content{ width:100%; padding-top: 15px;float:left;}
.gysrq .content .title{width:80%; margin:0 10% 30px 10%; text-align: center; font-size: 22px; border-radius: 10px; font-weight: bold; padding: 20px 0; background: #5874d8; color: #fff;float:left;}
.gysrq .content .pic{ width:80%; padding: 0 10%; text-align: center;float:left;}

.gysrq .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.gysrq .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.gysrq .content .pic .swiper-slide .ss_pic{ width:100%;height:450px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; float: left}
.gysrq .content .pic .swiper-slide .ss_pic img{width:auto; max-width: 100%; height: auto; max-height:450px;}
.gysrq .content .explain{ width:80%; margin:30px 10%;float:left;}
.gysrq .content .explain img{ width:100%;}

@media screen and (max-width: 1024px) and (min-width: 0px){
.gysrq .content{ width:90%; margin-left: 5%; padding-top: 0px;float:left;}
.gysrq .content .title{width:calc(100% - 20px); margin:0 0% 20px 0%; line-height: 24px; text-align: center; font-size: 16px; border-radius: 10px; font-weight: bold; padding: 6px 10px; background: #5874d8; color: #fff;float:left;}
.gysrq .content .pic{width:100%; padding: 0 0%;text-align: center;float:left;}

.gysrq .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.gysrq .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.gysrq .content .pic .swiper-slide .ss_pic{ width:100%;height:300px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; float: left}
.gysrq .content .pic .swiper-slide .ss_pic img{width:auto; max-width: 100%; height: auto; max-height:300px;}
    
    
.gysrq .content .p_video{ width:100%; margin:15px 0% 0px 0%;text-align: center;float:left;}
.gysrq .content .p_video video{width:auto;max-width:100%;}
.gysrq .content .explain{ width:100%; margin:15px 0%;float:left;} 
.gysrq .content .explain img{ max-width:100%; width: auto}
.gysrq .content .explain table{ max-width:100%; width: auto}
}

/*机器人——视觉相机*/
.jqr{ padding: 40px 0 80px 0}
.jqr .name{width:100%;float:left;}
.jqr .name .title{width:100%; font-size: 40px; line-height: 80px;float:left;}
.jqr .name .desc{width:100%;font-size: 16px;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.jqr{ padding: 10px 0 30px 0}
.jqr .name{width:90%; padding-left:5%;padding-right:5%; padding-top: 10px;padding-bottom: 10px; background: #f3f3f3;float:left;}
.jqr .name .title{width:100%; font-size: 18px; line-height: 30px;font-weight: bold;float:left;}
.jqr .name .desc{width:100%;font-size: 12px; line-height: 20px; padding-top: 5px;float:left;}
}
.jqr .box{width:100%; padding-top: 40px;float:left;}
.jqr .box ul{width:100%;float:left;}
.jqr .box ul li{width:calc((100%)/3); padding-bottom: 20px;float:left;}
.jqr .box ul li .c_b{width:90%;margin: 0 auto;}
.jqr .box ul li .c_b .title{width:95%;padding-left: 5%; line-height: 60px;background-color: #0070be; font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.jqr .box ul li .c_b .title a{width:100%;color: #fff;float:left;}
.jqr .box ul li .c_b .title a:hover{color:#FFE500;}
.jqr .box ul li .c_b .pic{width:100%;height:257px;text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;float:left;background: #f7f4f8;}
.jqr .box ul li .c_b .pic img{width:auto; max-width: 100%; height: auto; max-height:257px;}
.jqr .box ul li .c_b .info{width:84%; padding:15px 8%; height: 146px; overflow: hidden; color: #666; background: #f7f4f8;float:left;}
.jqr .more{width:100%; padding-top: 40px; text-align: center;float:left;}
.jqr .more .j_m{display: inline-block;}
.jqr .more .j_m a{width:100%; padding: 3px 30px;text-align: center; border: 1px #666 solid; border-radius: 50px;float:left;}
.jqr .more .j_m a:hover{border-radius: 50px;color: #fff;background-color: #0070be;;transition: all .5s ease 0s;float:left;}

.jqr .box2{width:100%; padding-top: 40px;float:left;}

@media screen and (max-width: 1024px) and (min-width: 0px){
.jqr .box{width:100%; padding-top: 15px;float:left;}
.jqr .box ul{width:96%; padding: 0 2%;float:left;}
.jqr .box ul li{width:calc((100%)/2); padding-bottom: 10px;float:left;}
.jqr .box ul li .c_b{width:96%;margin: 0 auto;}
.jqr .box ul li .c_b .title{width:90%; padding: 0 5%; line-height: 40px;background-color: #0070be; font-size: 14px;float:left;}
.jqr .box ul li .c_b .title a{width:100%;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.jqr .box ul li .c_b .title a:hover{color:#FFE500;}
.jqr .box ul li .c_b .pic{ width:100%;height:119px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; background: #f7f4f8;float:left;}
.jqr .box ul li .c_b .pic img{max-width: 100%;width: auto;max-height:119px; height: auto;}
.jqr .box ul li .c_b .info{width:84%; padding:5px 8%; height: 120px; font-size: 12px; line-height: 20px; overflow: hidden; color: #666; background: #f7f4f8;float:left;}
.jqr .more{width:100%; padding-top: 10px; text-align: center;float:left;}
.jqr .more .j_m{display: inline-block;}
.jqr .more .j_m a{width:100%; padding: 3px 30px;text-align: center; border: 1px #666 solid; border-radius: 50px;float:left;}
.jqr .more .j_m a:hover{border-radius: 50px;color: #fff;background-color: #0070be;;transition: all .5s ease 0s;float:left;}

}

/*机器人——视觉相机-内容页*/
.jqr .content{ width:100%; padding-top: 15px;float:left;}
.jqr .content .title{width:80%; margin:0 10% 30px 10%; text-align: center; font-size: 24px; border-radius: 10px; font-weight: bold; padding: 25px 0; background: #0070bc; color: #fff;float:left;}
.jqr .content .pic{ width:80%; padding: 0 10%; text-align: center;float:left;}

.jqr .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.jqr .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.jqr .content .pic img{ width:100%;border-radius: 10px;}
.jqr .content .explain{ width:80%; margin:30px 10%;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.jqr .content{ width:90%; margin-left: 5%; padding-top: 10px;float:left;}
.jqr .content .title{width:100%; margin:0 0% 5px 0%; text-align: center; font-size: 16px; border-radius: 10px; font-weight: bold; padding: 8px 0; background: #0070be; color: #fff;float:left;}
.jqr .content .pic{width:100%; padding: 0 0%;text-align: center;float:left;}

.jqr .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.jqr .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.jqr .content .pic img{ width:100%;border-radius: 10px;}
.jqr .content .p_video{ width:100%; margin:15px 0% 0px 0%;text-align: center;float:left;}
.jqr .content .p_video video{width:auto;max-width:100%;}
.jqr .content .explain{ width:100%; margin:15px 0%;float:left;} 
.jqr .content .explain img{ max-width:100%; width: auto}
.jqr .content .explain table{ max-width:100%; width: auto}
}


/*工业读码器-内容页*/
.jqr_sjsj_banner{}
.jqr_sjsj_banner img{width:100%}

/*视觉相机*/
.sjsj{ padding: 40px 0 80px 0}
.sjsj .name{width:100%;float:left;}
.sjsj .name .title{width:100%; font-size: 40px; line-height: 80px;float:left;}
.sjsj .name .desc{width:100%;font-size: 16px;float:left;}

.sjsj .box{width:100%; padding-top: 40px;float:left;}
.sjsj .box ul{width:100%;float:left;}
.sjsj .box ul li{width:calc((100%)/5); padding-bottom: 30px;float:left;}
.sjsj .box ul li .c_b{width:90%;margin: 0 auto;}
.sjsj .box ul li .c_b a{width:100%; background: #f1f2f8;float:left;}
.sjsj .box ul li .c_b a .pic{width:100%;height:221px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.sjsj .box ul li .c_b a .pic img{width:auto; max-width: 100%; height: auto; max-height:221px;}


.sjsj .box ul li .c_b a .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.sjsj .box ul li .c_b a .info{width:84%; height: 110px; overflow: hidden;padding:0px 8% 15px 8%;float:left;}

.sjsj .box ul li .c_b a:hover{width:100%; background: #182f65; color: #fff;float:left;transition: all .5s ease 0s;}
.sjsj .box ul li .c_b a:hover .pic{width:100%;height:221px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.sjsj .box ul li .c_b a:hover .pic img{width:auto; max-width: 100%; height: auto; max-height:221px;}
.sjsj .box ul li .c_b a:hover .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.sjsj .box ul li .c_b a:hover .info{width:84%;height: 110px; overflow: hidden; padding:0px 8% 15px 8%;float:left;}

.sjsj .more{width:100%; padding-top: 40px; text-align: center;float:left;}
.sjsj .more .j_m{display: inline-block;}
.sjsj .more .j_m a{width:100%; padding: 3px 30px;text-align: center; border: 1px #666 solid; border-radius: 50px;float:left;}
.sjsj .more .j_m a:hover{border-radius: 50px;color: #fff;background-color: #0070be;;transition: all .5s ease 0s;float:left;}


@media screen and (max-width: 1024px) and (min-width: 0px){
.sjsj{ padding: 10px 0 30px 0}
.sjsj .name{width:90%; padding-left:5%;padding-right:5%; padding-top: 10px;padding-bottom: 10px; background: #f3f3f3;float:left;}
.sjsj .name .title{width:100%; font-size: 18px; line-height: 30px;font-weight: bold;float:left;}
.sjsj .name .desc{width:100%;font-size: 12px; line-height: 20px; padding-top: 5px;float:left;}
  
.sjsj .box{width:100%; padding-top: 20px;float:left;}
.sjsj .box ul{width:100%;float:left;}
.sjsj .box ul li{width:calc((100%)/2); padding-bottom: 15px;float:left;}
.sjsj .box ul li .c_b{width:90%;margin: 0 auto;}
.sjsj .box ul li .c_b a{width:100%; background: #f1f2f8;float:left;}
.sjsj .box ul li .c_b a .pic{width:100%;height:169px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.sjsj .box ul li .c_b a .pic img{width:auto; max-width: 100%; height: auto; max-height:169px;}
.sjsj .box ul li .c_b a .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.sjsj .box ul li .c_b a .info{width:84%; height: 110px; overflow: hidden;padding:0px 8% 15px 8%;float:left;}

.sjsj .box ul li .c_b a:hover{width:100%; background: #182f65; color: #fff;float:left;transition: all .5s ease 0s;}
.sjsj .box ul li .c_b a:hover .pic{width:100%;height:169px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;text-align: center; border-bottom: 1px #666 solid;float:left;}
.sjsj .box ul li .c_b a:hover .pic img{width:auto; max-width: 100%; height: auto; max-height:169px;}
.sjsj .box ul li .c_b a:hover .title{width:95%;padding-left: 5%; line-height: 60px; font-weight: bold;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.sjsj .box ul li .c_b a:hover .info{width:84%;height: 110px; overflow: hidden; padding:0px 8% 15px 8%;float:left;}
    
.sjsj .more{width:100%; padding-top: 10px; text-align: center;float:left;}
.sjsj .more .j_m{display: inline-block;}
.sjsj .more .j_m a{width:100%; padding: 3px 30px;text-align: center; border: 1px #666 solid; border-radius: 50px;float:left;}
.sjsj .more .j_m a:hover{border-radius: 50px;color: #fff;background-color: #0070be;;transition: all .5s ease 0s;float:left;}
}



/*工业读码器-内容页*/
.sjsj .content{ width:100%; padding-top: 15px;float:left;}
.sjsj .content .title{width:80%; margin:0 10% 30px 10%; text-align: center; font-size: 24px; border-radius: 10px; font-weight: bold; padding: 25px 0; background: #5874d8; color: #fff;float:left;}
.sjsj .content .pic{ width:80%; padding: 0 10%; text-align: center;float:left;}

.sjsj .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.sjsj .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.sjsj .content .pic img{ width:100%;border-radius: 10px;}
.sjsj .content .explain{ width:80%; margin:30px 10%;float:left;}

@media screen and (max-width: 1024px) and (min-width: 0px){
.sjsj .content{ width:90%; margin-left: 5%; padding-top: 15px;float:left;}
.sjsj .content .title{width:100%; margin:0 0% 30px 0%; text-align: center; font-size: 18px; border-radius: 10px; font-weight: bold; padding: 8px 0; background: #5874d8; color: #fff;float:left;}
.sjsj .content .pic{width:100%; padding: 0 0%;text-align: center;float:left;}

.sjsj .content .pic .swiper-container {
      width: 100%;
      height: 100%;
    }

.sjsj .content .pic .swiper-slide {
      text-align: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.sjsj .content .pic img{ width:100%;border-radius: 10px;}
.sjsj .content .p_video{ width:100%; margin:15px 0% 0px 0%;text-align: center;float:left;}
.sjsj .content .p_video video{width:auto;max-width:100%;}
.sjsj .content .explain{ width:100%; margin:15px 0%;float:left;} 
.sjsj .content .explain img{ max-width:100%; width: auto}
.sjsj .content .explain table{ max-width:100%; width: auto}
}

/*产品视频*/
.video{ padding: 40px 0 80px 0}
.video .content{ width:calc(100% - 260px);float:right;}
.video .content .name{ width:100%;border-bottom: 2px #a9a9a9 solid;padding: 15px 0;float:left;}
.video .content .name .title{ width:50%;font-size: 20px;float:left;}
.video .content .name .crumbs{ width:40%; text-align: right; color: #999;float:right;}
.video .content .name .crumbs a{ color: #999}
.video .content .name .crumbs a:hover{ color: #1f87e8}

.video .content .box{ width:100%; padding-top: 15px; position: relative; float:left;}
.video .content .box ul{ width:100%; position: relative; float:left;}
.video .content .box ul li{ width:calc((100%)/3); position: relative; padding-top: 24px;float:left;}
.video .content .box ul li .contain{ width:92%;  position: relative; padding: 13px 0; margin: 0 auto; border:1px #dedede solid; text-align: center; border-radius: 8px;box-shadow:2px 2px 6px rgba(0,0,0,0.05);}
.video .content .box ul li .contain .pic{ width:90%; position: relative; overflow: hidden; margin-left: 5%;margin-right: 5%; margin-bottom: 10px;float: left;}
.video .content .box ul li .contain .pic img{ width:100%; height: 152px;vertical-align:middle;transition: all 0.5s;}
.video .content .box ul li .contain .pic img:hover{transform: scale(1.2);}

.video .content .box ul li .contain .pic .player{position: absolute;left:40%;top:30%;width:60px;height: 60px;background:url(../images/player.png) center center no-repeat;background-size: contain;z-index: 1;}
.video .content .box ul li .contain .pic .player img{ width:100%; height:100%;}


.video .content .box ul li .contain .title{ width:100%; font-size: 16px; line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float: left;}
.video .content .box ul li .contain .category{ width:100%; color: #999; font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float: left;}
.video .content .box ul li .contain .category a{ color: #999}
.video .content .box ul li .contain .category a:hover{ color:#1f87e8}
@media screen and (max-width: 1024px) and (min-width: 0px){
.video{ padding: 0px 0 30px 0}
.video .content{ width:100%;float:left;}
.video .content .name{width:90%; padding-left:5%;padding-right:5%; padding-top: 10px;padding-bottom: 10px; background: #f3f3f3;border-bottom: 0px #a9a9a9 solid;float:left;}
.video .content .name .title{ width:100%;font-size: 20px;float:left;}
.video .content .name .crumbs{ width:100%; text-align:left; color: #999;float:left;}
.video .content .name .crumbs a{ color: #999}
.video .content .name .crumbs a:hover{ color: #1f87e8}
    
.sjsj .name{width:90%; padding-left:5%;padding-right:5%; padding-top: 10px;padding-bottom: 10px; background: #f3f3f3;float:left;}
.sjsj .name .title{width:100%; font-size: 18px; line-height: 30px;font-weight: bold;float:left;}
.sjsj .name .desc{width:100%;font-size: 12px; line-height: 20px; padding-top: 5px;float:left;}

.video .content .box{ width:100%; position: relative; padding-top: 0px;float:left;}
.video .content .box ul{ width:96%; padding:0 2%;position: relative; float:left;}
.video .content .box ul li{ width:50%;position: relative; padding-top:8px;float:left;}
.video .content .box ul li .contain{ width:92%;position: relative;  padding: 3px; margin: 0 auto; border:1px #dedede solid; text-align: center; border-radius: 8px;box-shadow:2px 2px 6px rgba(0,0,0,0.05);}
.video .content .box ul li .contain .pic{ width:calc(100% - 6px); padding:5px 3px; height:90px;position: relative; overflow: hidden; margin:0%;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; float: left;}
.video .content .box ul li .contain .pic img{max-width: 100%;width: auto;max-height:90px; height: auto;vertical-align:middle;border-radius: 5px;transition: all 0.5s;}
.video .content .box ul li .contain .pic img:hover{transform: scale(1.2);}
.video .content .box ul li .contain .pic .player{position: absolute;left:40%;top:32%;width:30px;height: 30px;background:url(../images/player.png) center center no-repeat;background-size: contain;z-index: 1;}
.video .content .box ul li .contain .pic .player img{ width:100%; height:100%;}
.video .content .box ul li .contain .title{ width:100%; padding-top: 0px; font-size: 14px; line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float: left;}
.video .content .box ul li .contain .category{ width:100%;color: #999; padding-bottom: 5px;  line-height: 22px;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float: left;}
.video .content .box ul li .contain .category a{ color: #999}
.video .content .box ul li .contain .category a:hover{ color:#1f87e8}
    
    
}



/*产品视频-内容页*/
.video .content .pro_page{ width:100%; padding-top: 15px;float:left;}
.video .content .pro_page .title{ width:100%; text-align: center; font-size: 22px; padding: 30px 0;float:left;}
.video .content .pro_page .pic{ width:80%; padding: 0 10%; text-align: center;float:left;}
.video .content .pro_page .pic video{ width:auto;max-width:100%; height: auto; max-height:650px;}
.video .content .pro_page .explain{ width:80%; margin:30px 10%;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.video .content .pro_page{ width:100%; padding-top: 0px;float:left;}
.video .content .pro_page .title{ width:94%; margin: 0 3%; text-align: center; font-size: 18px; padding: 20px 0;float:left;}
.video .content .pro_page .pic{ width:94%; padding: 0 3%; text-align: center;float:left;}
.video .content .pro_page .pic video{ width:auto;max-width:100%; height: auto; max-height:600px;}
.video .content .pro_page .explain{ width:94%; margin:10px 3%;float:left;}
}




/*关于我们*/
.about{ padding: 40px 0 80px 0}
.about .content{ width:calc(100% - 260px);float:right;}
.about .content .name{ width:100%;border-bottom: 2px #a9a9a9 solid;padding: 15px 0;float:left;}
.about .content .name .title{ width:50%;font-size: 20px;float:left;}
.about .content .name .crumbs{ width:40%; text-align: right; color: #999;float:right;}
.about .content .name .crumbs a{ color: #999}
.about .content .name .crumbs a:hover{ color: #1f87e8}
@media screen and (max-width: 1024px) and (min-width: 0px){
.about{ padding: 20px 0 30px 0}
.about .content{ width:100%;float:left;}
.about .content .name{ width:90%;border-bottom: 0px #a9a9a9 solid;padding: 5px 5%;background: #f3f3f3;float:left;}
.about .content .name .title{ width:100%;font-size: 18px;float:left;}
.about .content .name .crumbs{ width:100%; text-align:left; font-size: 12px;color: #999;float:left;}
.about .content .name .crumbs a{ color: #999}
.about .content .name .crumbs a:hover{ color: #1f87e8}
}
.about .content .contact{ width:100%; padding-top: 35px;font-size: 16px; line-height: 32px;float:left;}
.about .content .company{ width:100%; padding-top: 35px;font-size: 16px; line-height: 32px;float:left;}
.about .content .organization{ width:100%; padding-top: 35px;font-size: 16px; line-height: 32px;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.about .content .contact{ width:90%; margin-left: 5%;padding-top: 20px;font-size: 14px; line-height: 28px;float:left;}
.about .content .contact img{width:100%}
.about .content .company{ width:90%; margin-left: 5%;padding-top: 20px;font-size: 14px; line-height: 28px;float:left;}
.about .content .company img{width:100%}
.about .content .organization{ width:90%; margin-left: 5%;padding-top: 20px;font-size: 14px; line-height: 28px;float:left;}
.about .content .organization img{width:100%}
}

.about .content .workshop{ width:100%; padding-top: 45px;line-height: 32px;float:left;}
.about .content .workshop ul{ width:100%;float:left;}
.about .content .workshop ul li{ width:calc((88%)/3); margin: 0 2% 12px 2%; text-align: center;float:left;}
.about .content .workshop ul li .pic{ width:100%; overflow: hidden;float:left;}
.about .content .workshop ul li .pic img{ width:100%; height:160px;;vertical-align:middle;transition: all 0.5s;}
.about .content .workshop ul li .pic img:hover{transform: scale(1.2);}
.about .content .workshop ul li .title{ width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.about .content .workshop{ width:96%; margin-left: 2%; padding-top: 30px;line-height: 32px;float:left;}
.about .content .workshop ul{ width:100%;float:left;}
.about .content .workshop ul li{ width:46%; margin: 0 2% 6px 2%; text-align: center;float:left;}
.about .content .workshop ul li .pic{ width:100%; overflow: hidden;float:left;}
.about .content .workshop ul li .pic img{ width:100%; height:93px;vertical-align:middle;transition: all 0.5s;}
.about .content .workshop ul li .pic img:hover{transform: scale(1.2);}
.about .content .workshop ul li .title{ width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
}

/*厂房展示-内容页*/
.work_shop{ width:100%; padding-top: 15px;float:right;}
.work_shop .title{ width:100%; text-align: center; font-size: 22px; padding:15px 0;float:left;}
.work_shop .pic{ width:80%; padding: 0 10% 20px 10%; text-align: center;float:left;}
.work_shop img{ max-width:100%; width: auto; max-height: 600px; height: auto;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.work_shop{ width:90%; margin-left: 5%; padding-top: 0px;float:left;}
.work_shop .title{ width:100%; text-align: center; font-size:18px; padding: 10px 0;float:left;}
.work_shop .pic{ width:100%; padding: 0 0% 10px 0%; text-align: center;float:left;}
.work_shop img{ max-width:100%; width: auto; max-height: 400px; height: auto;}
}





/*行业咨询*/
.list_news{width:100%; padding-top: 60px;float: left}
.list_news .list{width:47%; margin:0 1.5% 60px 1.5%;float: left}
.list_news .list .pic{width:40%;height: 150px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center;float: left}
.list_news .list .pic img{width:auto; max-width: 100%; height: auto; max-height: 150px; border-radius: 5px;}


.list_news .list .info{width:56%;float: right}
.list_news .list .info .title{width:100%; font-size: 16px; line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:  left}
.list_news .list .info .desc{width:100%; height: 60px; overflow: hidden;color: #666;float:  left}
.list_news .list .info .date{width:100%;color: #666; line-height: 40px;float:  left}
@media screen and (max-width: 1024px) and (min-width: 0px){
.list_news{width:90%; margin-left: 5%; padding-top:20px;float: left}
.list_news .list{width:100%; margin:0 0% 15px 0%;float: left}
.list_news .list .pic{ width:40%;height:94px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; background:#f9f9f9;float:left;}
.list_news .list .pic img{max-width: 100%;width: auto;max-height:94px; height: auto;}
.list_news .list .info{width:56%;float: right}
.list_news .list .info .title{width:100%; font-size: 14px; line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:  left}
.list_news .list .info .desc{width:100%; line-height: 20px;height: 40px;font-size: 12px; overflow: hidden;color: #666;float:  left}
.list_news .list .info .date{width:100%;color: #666; line-height: 20px;font-size: 12px;float:  left}
}

/*行业咨询-内容页*/
.hyzx{ width:100%; padding-top: 15px; padding-bottom: 20px;float:left;}
.hyzx .title{ width:100%; text-align: center; font-size: 22px; padding: 30px 0;float:left;}
.hyzx .admin{ width:100%; text-align: center; color: #999;float:left;}
.hyzx .admin a{color: #999;}
.hyzx .h_cont{ width:80%; margin:30px 10%;float:left;}
.hyzx .h_cont img{max-width:100%; width:auto; }

.hyzx .att_download{ width:100%; margin:0px 0% 30px 0%; text-align: center;float:left;}
.hyzx .att_download .a_d_box{ width:50%; color: #666; margin:0px auto;}
.hyzx .att_download .a_d_box a{ width:calc(100% - 2px);margin:5px 0 5px 0; padding:10px 0px; line-height:30px; border-radius: 10px; font-size: 18px;font-weight: bold; color: rgba(255,0,4,1.00); background: #efefef; border:1px rgba(255,0,4,1.00) solid;float: left}
.hyzx .att_download .a_d_box img{width:48px;border-radius: 3px; margin-right: 15px;  }

@media screen and (max-width: 1024px) and (min-width: 0px){
.hyzx{ width:90%; margin-left: 5%; padding-top: 0px;float:left;}
.hyzx .title{ width:100%; text-align: center; font-size:18px; padding: 20px 0 10px 0;float:left;}
.hyzx .admin{ width:100%; text-align: center; color: #999;line-height: 20px; font-size: 12px;float:left;}
.hyzx .admin a{color: #999;}
.hyzx .h_cont{ width:100%; margin:10px 0%;float:left;}
.hyzx .h_cont img{max-width:100%; width:auto; }
.hyzx .h_download{ width:100%; margin:15px 0% 30px 0%; font-weight: bold; font-size: 18px;text-align: center;float:left;}
.hyzx .h_download a{ padding:12px 20px; border-radius: 50px; background: #4259e1; color: #fff;}
}

/*厂房展示*/
.zntbj .content .cf{ width:100%; padding-top: 40px;float:left;}
.zntbj .content .cf ul{ width:100%;float:left;}
.zntbj .content .cf ul li{ width:calc((94% - 66px)/3); margin: 0 1% 20px 1%;padding: 10px;border:1px #efefef solid;text-align: center;float:left;}
.zntbj .content .cf ul li .pic{ width:100%;height:160px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; background:#f9f9f9;float:left;}
.zntbj .content .cf ul li .pic img{max-width: 100%;width: auto;max-height:160px; height: auto;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.zntbj .content .cf{ width:100%; padding-top: 20px;float:left;}
.zntbj .content .cf ul{ width:94%; padding: 0 3%;float:left;}
.zntbj .content .cf ul li{ width:calc((94% - 24px)/2); margin: 0 1.5% 12px 1.5%;padding: 5px;border:1px #efefef solid;text-align: center;float:left;}
.zntbj .content .cf ul li .pic{ width:100%;height:87px;display: flex;align-items: center;flex-wrap: wrap;justify-content:center; background:#f9f9f9;float:left;}
.zntbj .content .cf ul li .pic img{max-width: 100%;width: auto;max-height:87px; height: auto;}
}